/* -----------FONTS-------------- */
@font-face {
	font-family: JennaSue;
	src: url('fonts/JennaSue.ttf')
}

@font-face {
	font-family: BebasNeue;
	src: url('fonts/BebasNeue-webfont.otf'),
		 url('fonts/BebasNeue-webfont.eot'),
		 url('fonts/BebasNeue-webfont.svg'),
		 url('fonts/BebasNeue-webfont.ttf'),
		 url('fonts/BebasNeue-webfont.woff')
}

/* Regular */
@font-face {
    font-family: 'LeagueGothic';
    src: url('fonts/leaguegothic-italic-webfont.eot');
    src: url('fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Italic */
@font-face {
    font-family: 'LeagueGothic';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed */
@font-face {
    font-family: 'LeagueGothicCondensed';
    src: url('fonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'LeagueGothicCondensed';
    src: url('fonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}

body {
	background: url('../img/fabric_plaid.png') repeat;
}

h1, h2 {
	font-family: LeagueGothic,"Arial Narrow",sans-serif !important;
	/*font-family: BebasNeue;*/
	color: #94c451 !important;
        text-transform: uppercase;
}


h1 {
	font-size: 36px !important;
        line-height: 36px !important;
        margin-top: 0px;
        margin-bottom: 0px;
}

/* -----------CALENDAR----------- */

div.today h2 {
	
	color: rgb(0, 136, 204);
	color: #0088CC !important;
	border-bottom: 4px solid #0088CC !important;
}

div.day {
	min-height: 150px;
}

div.group-day {
	margin-top: 10px;
}

div#calendar h2, div#cinema h1, div#news h1, div#calendar h1{
	border-bottom: 4px solid #94c451;
	text-align: right;
        
}

div#calendar h2 {
	margin-bottom: 5px;
}

div#calendar h2 {
	text-align: left;
}


.nav-stacked > li a {
	background-color: #FFF;
}

div.label {
    overflow: hidden;
    text-overflow: ellipsis !important;
    margin-bottom: 5px;
}
div.label:hover {
    cursor: pointer;
}

/* -----------CINEMA------------- */
div#cinema {
	
}

/* HOTNEWS */
div#hotnews {
	
}

/* -----------NEWS------------- */
#news h1 {
    margin-bottom: 5px;
}

#news hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border-top: 1px solid #BFE983;
    border-bottom: 1px solid #D9EBC0;
    
}

/* ------------FOOTER-------------- */
footer {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 6px #aeaeae;
	background: #a3ce54; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3ce54 0%, #94c451 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3ce54), color-stop(100%,#94c451)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3ce54 0%,#94c451 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3ce54 0%,#94c451 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3ce54 0%,#94c451 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a3ce54 0%,#94c451 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3ce54', endColorstr='#94c451',GradientType=0 ); /* IE6-9 */
}

footer h5 {
	color: #eaeaea;
	text-align: center;
	text-shadow: 0px 1px #aeaeae;
}
/* ----------NAVIGATION---------- */
nav {
	background: #a3ce54; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3ce54 0%, #94c451 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3ce54), color-stop(100%,#94c451)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3ce54 0%,#94c451 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3ce54 0%,#94c451 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3ce54 0%,#94c451 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a3ce54 0%,#94c451 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3ce54', endColorstr='#94c451',GradientType=0 ); /* IE6-9 */
					
	box-shadow: 0px 0px 8px #aeaeae;
													
	margin-bottom: 20px;
	
	z-index: 999999;
}

nav ul {
	list-style: none;
	font-size: 15px;
	margin-bottom: 0;
	margin-left: 0;
}

#menu-header-collapse {
	display: none;
	height: 50px;
}

#show-menu-collapse {
	margin-right: 10px;
	margin-top: -5px;
}

nav a.brand {
	font-family: JennaSue;
	color: #3C5E26;
	text-decoration: none;
	font-weight: bold;
	font-size: 25px;
	line-height: 50px;
	display: block;
	padding-left: 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
	width: 80%;
}

/* -----MENU HEADAER RESPONSIVE---- */
div#menu-header-collapse ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#menu-header-collapse ul li {
	display: inline-block;
	line-height: 50px;
	margin: 0;
	padding: 0;
} 

div#menu-header-collapse ul li:last-child {
	float:  right;
}

div#menu form {
	margin-bottom: 0 !important;
}
div#menu input {
	background-color: #e5e5e5;
	border-color: #eaeaea;
}

div#menu input:focus {
	background-color: #FFFFFF;
}

#header-content h1 {
	font-family: JennaSue !important; 
	font-size: 446% !important; 
	color: #000 !important;
	line-height: 90px !important;
	padding-left: 35px !important;
	background: url('../img/h1-title-bg.png') no-repeat top left;
        text-transform: capitalize;
}
#header-content img#logo {
	margin-top: 25px;
	position:  relative;
	bottom: 0;
}

header, footer {
	background-color: #fafafa;
}

ul#social {
    float: right;
}

ul#social li {
	display: inline-block;
        
}

article {
	padding: 20px;
}

article h1 {
    margin-bottom: 10px;
}

h1.archive {
    font-size: 45px !important;
    line-height: 45px !important;
    margin-bottom: 15px !important;
    border-bottom: 4px solid #94C451;
}

section.articles h2 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

section.articles dl, section.articles blockquote {
    margin-bottom: 3px;
    margin-top: 3px;
}

section.articles blockquote {
    border-left-color: #94C451;
}

article {
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 1px 5px #aeaeae;
	-moz-shadow: 0px 1px 5px #aeaeae;
	box-shadow: 0px 1px 5px #aeaeae;
}

@media (max-width: 767px) {
	#header-content {
		display: none;
	}
	nav, footer {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	nav ul > li {
		display: block;
		
	}
	
	div#menu ul > li a {
		line-height: 40px !important;
		text-decoration: none;
		color: #616161;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	div.menu-collapse {
		display:none;
	}
	
	#menu-header-collapse {
		display: block;
	}
	
	nav div#menu ul > li:hover > a {
		background-color: #3C5E26;
		color: #FFFFFF;
	}
	
	div#menu > ul > li:last-child {
		float: none;
		line-height: 40px;
		display: block;
		
		padding-left: 10px;
		padding-right: 10px;
	}
	ul.submenu {
		background-color: #c7e490;
		padding-left: 10px;
	}
	
	ul.submenu ul {
		padding-left:  10px;
		background-color: #def0bd;
	}
	
	section#articles {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	section#articles .image {
		padding-left: 0px !important;
	}
        footer {
            padding-left: 20px;
            padding-right: 20px;
        }
        
        #hotnews {
            margin-left: -20px;
            margin-right: -20px;
        }
	
}



@media (min-width: 768px) and (max-width: 979px) {
	#header-content img#logo {
		margin-top: 60px !important;
	}
        
        #social {
            margin-left: -50px;
        }
}

@media (min-width: 768px) {
	
	div.menu-collapse {
		display: block !important;
	}
	
	nav ul > li {
		display: inline-block;
		
	}
	
	div#menu > ul > li:hover > a {
		text-decoration: none;
		color: #FFF;	
	}
	
	div#menu ul.submenu::after {
		position: absolute;
		top: -6px;
		left: 10px;
		display: inline-block;
		border-right: 6px solid transparent;
		border-bottom: 6px solid white;
		border-left: 6px solid transparent;
		content: '';
	}
	
	div#menu ul.submenu::before {
		position: absolute;
		top: -7px;
		left: 9px;
		display: inline-block;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #CCC;
		border-left: 7px solid transparent;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		content: '';
	}
	
	div#menu ul.submenu ul {
		position: absolute;
	}
	div#menu ul li a {
		text-decoration: none;
		color: #616161;
		line-height: 50px !important;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	div#menu > ul > li ul {
		display: block;
		position:  absolute;
		background-color: #FFFFFF;
		z-index: 999999;
		border-radius: 3px;
		border: 1px solid #cacaca;
		box-shadow: 0px 0px 5px #aeaeae;
		display: none;
		color: #000;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	div#menu > ul > li ul li {
		display: block;
		min-width: 100px;
	}
	
	div#menu > ul > li:hover ul.submenu {
		display: block;
	}
	
	ul.submenu li:hover ul {
		display: block !important;
	}
	
	div#menu > ul > li ul li:hover {
		background-color: #E2FCB8;
		background-color: rgba(226, 252, 184, 0.8);
	}
	
	div#menu ul.submenu ul {
		left: 100px;
		top: 50px;
		display: none;
	}
	
	div#menu ul.submenu ul li {
		min-width: 200px;
	}
	
	div#menu ul.submenu ul::after {
		position: absolute;
		top: 20px;
		left: -6px;
		display: inline-block;
		border-top: 6px solid transparent;
		border-right: 6px solid white;
		border-bottom: 6px solid transparent;
		content: '';
	}
	
	div#menu ul.submenu ul::before {
		position: absolute;
		top: 19px;
		left: -7px;
		display: inline-block;
		border-top: 7px solid transparent;
		border-right: 7px solid #CCC;
		border-bottom: 7px solid transparent;
		border-right-color: rgba(0, 0, 0, 0.2);
		content: '';
	}
	section#articles .image {
		padding-left: 20px;
	}
        
        .img-wrap {
            border: 1px solid #A0A0A0;
            display: block;
            border-radius: 50%;
            box-shadow: 1px 0px 3px silver;
        }
}

@media (min-width: 1200px) {
	#header-title-info {
		margin-top: 20px !important;
	}
        
        #address {
            margin-top: 0px;
        }
}

@media (min-width: 980px) and (max-width: 1199px) {
	#header-title-info {
		margin-top: 15px !important;
	}
        
        #header-content img#logo {
		margin-top: 43px !important;
	}
        
}
